<template>
  <div class="main">
    <div class="total">
      <canvas class="rain"></canvas>
      <!-- <canvas class="dashed"></canvas> -->
      <div class="sphere">
        <div class="sphere-bg"></div>
        <div class="sum">
          <span>精煤日产（吨）</span>
        </div>
        <p class="aaa">{{ coladata.JM | format }}</p>
      </div>
      <div class="cicle3"></div>
      <div class="cicle4"></div>
      <div class="cicle5"></div>
      <div class="cicle6"></div>
      <div class="cicle7"></div>
      <div class="cicle8">
        <span>原煤日产</span>
        <p>{{ coladata.YM | format }}</p>
      </div>
      <div class="cicle9">
        <span>中煤日产</span>
        <p>{{ coladata.ZM | format }}</p>
      </div>
      <div class="cicle10">
        <span>矸石日产</span>
        <p>{{ coladata.GS | format }}</p>
      </div>
      <div class="cicle11">
        <span>煤泥日产</span>
        <p>{{ coladata.MN | format }}</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props:{
    coladata:{
		type:Object,
	}
  },
  filters:{
	  format(val){
      if(val == null ){
        return 0
      }else{
		return String(val).split('.')[0]
      }
	  }
  }
}
</script>
<style>
@import "../../../assets/css/player.css"
</style>
